@extends('home.base')
@section('title')
    {{$data->title}} - {{$site['title']}}
@endsection
@section('content')
@include('home.header')
<div id="app" style="background: #f2f2f2;">
        <div class="position">
            <div class="w1200">
                <Breadcrumb>
                    <breadcrumb-item to="/">首页</breadcrumb-item>
                    <breadcrumb-item to="/list/{{$city_info->id}}">资讯列表</breadcrumb-item>
                    <breadcrumb-item>{{$data->title}}</breadcrumb-item>
                </Breadcrumb>
            </div>
        </div>
    <div class="article w1200" style="padding-top:0;">
        <div class="article-left">
            <div class="detail">
                <h3>{{$data->title}}</h3>
                <div class="time">{{$data->created_at}}</div>
                <div class="content">
                    {!! $data->content !!}
                </div>
            </div>
        </div>
        <div class="article-right">
            <div class="house-box">
                <h3>
                    <span>
                        {{$city_info->name}}热门楼盘
                    </span>
                    <a href="/newhouse/{{$city_info->id}}" target="_blank">更多 ></a>
                </h3>
                <Collapse v-model="value_pro" simple accordion>
                    @foreach($hot_rec as $k=>$h)
                    <Panel name="{{$k}}" hide-arrow>
                        <div class="t-top">
                            <div class="t-left">
                                <span class="tip tip{{$k}}">0{{$loop->iteration}}</span>{{$h->title}}
                            </div>
                            <div class="t-right">
                                {{$h->average}}{{$h->average_unit}}
                            </div>
                        </div>
                        <a href="/property/{{$h->id}}" target="_blank" slot="content" class="detail">
                            <div class="img">
                                <img src="{{$h->thumb}}" alt="{{$h->title}}">
                            </div>
                            <div class="desc">
                                <p><b>均价：</b>{{$h->average}}{{$h->average_unit}}</p>
                                <p><b>区域：</b>{{$h->areaname}} {{$h->town}}</p>
                                <p><b>开盘：</b>{{date('Y-m-d',$h->opentime)}}</p>
                            </div>
                        </a>
                    </Panel>
                    @endforeach
{{--                    <Panel name="2" hide-arrow>--}}
{{--                        斯蒂夫·盖瑞·沃兹尼亚克--}}
{{--                        <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>--}}
{{--                    </Panel>--}}
{{--                    <Panel name="3" hide-arrow>--}}
{{--                        乔纳森·伊夫--}}
{{--                        <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>--}}
{{--                    </Panel>--}}
                </Collapse>
            </div>
            <div class="house-box">
                <h3>
                    <span>
                        {{$city_info->name}}推荐二手房
                    </span>
                    <a href="/hand/{{$city_info->id}}" target="_blank">更多 ></a>
                </h3>
                <Collapse v-model="value_hand" simple accordion>
                    @foreach($hand_rec as $k=>$h)
                        <Panel name="{{$k}}" hide-arrow>
                            <div class="t-top">
                                <div class="t-left">
                                    <span class="tip tip{{$k}}">0{{$loop->iteration}}</span>{{$h->title}}
                                </div>
                                <div class="t-right">
                                    {{$h->price}}万
                                </div>
                            </div>
                            <a href="/handroom/{{$h->id}}" target="_blank" slot="content" class="detail">
                                <div class="img">
                                    <img src="{{$h->thumb}}" alt="{{$h->title}}">
                                </div>
                                <div class="desc">
                                    <p><b>总价：</b>{{$h->price}}万</p>
                                    <p><b>面积：</b>{{$h->acreage}}平米</p>
                                    <p><b>区域：</b>{{$h->areaname}} {{$h->town}}</p>
                                </div>
                            </a>
                        </Panel>
                    @endforeach
                </Collapse>
            </div>
        </div>
    </div>
</div>
@include('home.footer')

@endsection

@section('script')
    <style>
        .qr .qr-menu .menu a.menu_5{color:#f90;border-bottom:2px solid #f90}
        .ivu-collapse{border:none;}
        .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{padding-left:0;font-size:14px;}
        .ivu-collapse>.ivu-collapse-item{border-bottom:1px dashed #ddd;border-top:none;}
        .ivu-collapse-content{background:none;}
        .article .article-right .house-box .ivu-collapse-item-active{background:#f2f2f2;}
        .article .article-right .house-box .ivu-collapse-item-active span.tip{background:#999;padding:2px 6px;color:#fff;}
        .article .article-right .house-box .ivu-collapse-item-active .t-right{display: none;}
        .article .article-right .house-box .ivu-collapse-item-active span.tip0,.article .article-right .house-box .ivu-collapse-item-active span.tip1,.article .article-right .house-box .ivu-collapse-item-active span.tip2{
            background: #f90;
        }
    </style>
    <script src="/static/home/js/article.js"></script>
    <script>
    </script>
@endsection